<!DOCTYPE html>
<html lang="zh">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/loading.js"></script>
    <link href="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/theme-chalk/index.css" rel="stylesheet">
</head>

<body>
<div id="app">
    <el-container>
        <el-header>
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">合作商管理</el-breadcrumb-item>
                <el-breadcrumb-item>项目管理</el-breadcrumb-item>
                <el-breadcrumb-item>项目查看</el-breadcrumb-item>
            </el-breadcrumb>
        </el-header>
        <el-main>
            <el-form :model="projectForm" label-width="120px">
                <el-row>
                    <el-col>
                        <el-steps :active="1" simple>
                            <el-step title="项目信息" icon="el-icon-info" style="margin-left:-8%"></el-step>
                        </el-steps>
                    </el-col>
                </el-row>
                <br>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目编号" prop="project_code">
                            <el-input v-model="projectForm.project_code" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目名称" prop="project_name">
                            <el-input v-model="projectForm.project_name" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目类型" prop="project_type">
                            <el-input v-model="projectForm.project_type" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目阶段" prop="project_stage">
                            <el-input v-model="projectForm.project_stage" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="业务人员" prop="business_personnel">
                            <el-input v-model="projectForm.business_personnel" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目来源" prop="project_source">
                            <el-input v-model="projectForm.project_source" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目区域" prop="project_area">
                            <el-input v-model="projectForm.project_area" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目地址" prop="project_address">
                            <el-input type="textarea" v-model="projectForm.project_address" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="项目说明" prop="project_description">
                            <el-input type="textarea" v-model="projectForm.project_description"
                                      :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item>
                    <a onclick="javascript:history.back(-1);">
                        <el-button>返回</el-button>
                    </a>
                </el-form-item>
            </el-form>
        </el-main>
    </el-container>
</div>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/dist/vue.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/index.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/publiccss/assets/global/plugins/jquery.min.js"
        type="text/javascript"></script>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                id:'',
                projectForm: {
                    project_code: "",
                    project_name: "",
                    project_type: "",
                    project_stage: "",
                    business_personnel: "",
                    project_source: "",
                    project_area: "",
                    project_address: "",
                    project_description: "",
                },
            }
        },
        methods: {
            ajaxFunction() {
                $.ajax({
                    url: '/project/detail.json?id='+this.id,
                    type: 'get',
                    dataType: 'json',
                    success: (result) => {
                        console.log(result.data)
                        if (result.ret) {
                            this.projectForm = result.data;
                        }
                    }
                });
            },
        },
        mounted() {
            this.id = '${id !''}'
            this.ajaxFunction();
        }
    })
</script>

</body>

</html>